<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>注册用户</title>
    <style type="text/css">
        body{
            margin:0;
            padding:0;
            font-size:12px;
            line-height:20px;
        }
        .top{
            padding: 0;
            height: 20%;
        }
        .middle{
            height: 252px;
            background-image: url("../img/10.jpg");
        }
        .bottom{
            height: 288px;
            background-image: url("../img/9.jpg");
        }
        .main{
            width:525px;
            margin-left:auto;
            margin-right:auto;
        }
        .hr_1 {
            font-size: 14px;
            font-weight: bold;
            color: black;
            height: 35px;
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: #3275c3;
            vertical-align:bottom;
            padding-left:12px;
        }
        .left{
            text-align:right;
            width:80px;
            height:25px;
            padding-right:5px;
            padding-top: 12px;
            color: black;
        }
        #sex1{
            margin-left: 15px;
        }
        #sex{
            margin-left: 20px;
        }

        .center{
            width:135px;
        }
        .in{
            width:130px;
            height:16px;
            margin-top: 15px;
            border:solid 1px #79abea;
        }
    </style>
</head>
<body>
<div class="top">
    <img src="../img/HyLogo.png" alt="logo">
    <img src="../img/3.jpg" alt="" style="height: 160px;margin-left: 50px">
    <img src="../img/4.jpg" alt="" style="height: 160px">
    <img src="../img/5.jpg" alt="" style="height: 160px">
    <img src="../img/6.jpg" alt="" style="height: 140px">
</div>
<div class="middle">
    <div class="main">
        <table  border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td class="hr_1">新用户注册</td>
        </tr>
        <tr>
            <td style="height:10px;"></td>
        </tr>
        <form action="http://localhost:8080/add" method="post" name="myform" onsubmit="return judgeAll()">
            <tr>
                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td class="left">用户名：</td>
<!--                        onblur="checkUser()"-->
                        <td class="center"><input id="user" name="uname" type="text" class="in"  /></td>
                        <td><div id="user_prompt" style="padding-top: 10px;">用户名由英文字母和数字组成的4-16位字符，以字母开头</div></td>
                    </tr>
                    <tr>
                        <td class="left">密码：</td>
                        <td class="center"><input id="pwd" name="pwd" type="password" class="in"  onblur="checkPwd()"/></td>
                        <td><div id="pwd_prompt" style="padding-top: 10px;">密码由英文字母和数字组成的4-10位字符</div></td>
                    </tr>
                    <tr>
                        <td class="left">确认密码：</td>
                        <td class="center"><input id="repwd"  type="password" class="in"  onblur="checkRepwd()"/></td>
                        <td><div id="repwd_prompt"></div></td>
                    </tr>
                    <!--<tr>
                        <td class="left">生日：</td>
                        <td class="center"><input id="birthday" type="text" class="in" onblur="" /></td>
                        <td><div id="birthday_prompt"></div></td>
                    </tr>
                    <tr>
                        <td class="left">性别：</td>
                        <td>
                            <input id="sex1" type="radio" name="sex" value="man">男
                            <input id="sex" type="radio" name="sex" value="woman">女
                        </td>
                    </tr>
                    <tr>
                        <td class="left">电子邮箱：</td>
                        <td class="center"><input id="email" type="text" class="in"  onblur="checkEmail()"/></td>
                        <td><div id="email_prompt"></div></td>
                    </tr>
                    <tr>
                        <td class="left">手机号码：</td>
                        <td class="center"><input id="mobile" type="text" class="in" onblur="checkMobile()" /></td>
                        <td><div id="mobile_prompt"></div></td>
                    </tr>-->
                    <tr>
                        <td class="left">权限：</td>
                        <td class="center">
                            <select class="in" name="power">
                                <option>无</option>
                                <option>用户</option>
                                <option>商家</option>
                            </select>
                        </td>
                        <td><div id="mobile_prompt"></div></td>
                    </tr>
                    <tr>
                        <td class="left">&nbsp;</td>
                        <td class="center"><input class="submit" id="submit" type="submit" value="提&nbsp;&nbsp;&nbsp;&nbsp;交"/></td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
                </td>
            </tr>
        </form>
    </table>
    </div>
</div>
<div class="bottom">
</div>
<script src="../js/jquery-3.3.1.js"></script>
<script src="../js/zhuce.js"></script>
</body>
</html>